<template>
  <section class="mb-10 text-center">
    <h1
      class="text-4xl font-bold mb-4 text-text-primary animate__animated animate__fadeIn"
    >
      {{ title }}
    </h1>
    <p
      v-if="subtitle"
      class="text-text-secondary max-w-3xl mx-auto animate__animated animate__fadeIn"
    >
      {{ subtitle }}
    </p>
  </section>
</template>

<script setup lang="ts">
// 定义组件props
defineProps({
  // 页面标题
  title: {
    type: String,
    required: true,
  },
  // 页面副标题（可选）
  subtitle: {
    type: String,
    default: "",
  },
});
</script>
